<template>
  <div class="box">
    <div class="jdlxhy_form">
      <div class="jdlxhy_form_list overflowEllipsis">
        名称: {{details.meetingName}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        牵头单位：{{details.responsibleUnit}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        组织成员：{{details.meetingMember}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        地址: {{details.street}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        联系电话: <small>{{details.mobile}}</small>
      </div>
    </div>
    <div class="jdlxhy_list" v-if="details.streetJointMeetingAdmin">
      <ul>
        <li class="jdlxhy_list_item" v-for="(e,i) in details.streetJointMeetingAdmin" :key="i">
          <div class="item_top overflowEllipsis">
            {{e.companyName}}负责人
          </div>
          <div class="item_bot flex">
            <div class="item_bot_lf overflowEllipsis">
              {{e.adminName}}
            </div>
            <div class="item_bot_lr overflowEllipsis">
              联系电话：{{e.mobile}}
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="jdlxhy_txt">
      <div class="txt_top">
        <small>───</small> 简介 <small>───</small>
      </div>
      <div class="txt_bot" v-html="details.meetingIntroduction">

      </div>
    </div>
  </div>
</template>
<script>
  import taskApi from "../../requestApi/taskApi";
  import {
    Toast
  } from "mint-ui";
  export default {
    components: {},
    data() {
      return {
        details: {},
        users: [{}, {}]
      };
    },
    created: function () {
      // let u = navigator.userAgent;
      // let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1;
      // if (isAndroid) {
      //   if (window.BenchJSInterface) {
      //     if (window.BenchJSInterface.getUserToken) {
      //       window.BenchJSInterface.getUserToken(
      //         "javascript:window.getApplicationRelevantInfoFun(->path<-);"
      //       );
      //     }
      //     let searchOBJ = {
      //       type: 0,
      //       chooseType: 1
      //     };
      //     if (window.BenchJSInterface.chooseOrg) {
      //       window.BenchJSInterface.chooseOrg(
      //         JSON.stringify(searchOBJ),
      //         "javascript:window.getAppchooseOrg(->path<-);"
      //       );
      //     }
      //   }
      // }
      if (window.BenchJSInterface) {
        if (window.BenchJSInterface.getUserToken) {
          window.BenchJSInterface.getUserToken(
            "javascript:window.getApplicationRelevantInfoFun(->path<-);"
          );
        }
        let searchOBJ = {
          type: 0,
          chooseType: 1
        };
        if (window.BenchJSInterface.chooseOrg) {
          window.BenchJSInterface.chooseOrg(
            JSON.stringify(searchOBJ),
            "javascript:window.getAppchooseOrg(->path<-);"
          );
        }
      }
      // self.baseUserMessageDistributeFun();
      window.getApplicationRelevantInfoFun = function (val) {
        console.log(val);
      };
      window.getAppchooseOrg = function (val) {
        console.log(val);
      };
      // sessionStorage.setItem("TOKEN", "cae4cf31-eecd-4186-a289-dff876252825");
    },
    mounted() {
      let self = this;
      self.baseUserMessageDistributeFun();
      window.getAppgetUserToken = function (val) {
        self.baseUserInfoFun(val);
        self.listFun();
      };
      this.titleFun({
        title: "简介"
      });
    },
    methods: {
      async listFun() {
        let self = this;
        let params = {
          id: this.$route.query.id
        };
        let res = await taskApi.GetApistreetjointmeetinginfo(params);
        if (res.statusCode == 200) {
          self.details = {
            ...res.data
          };
        } else {
          Toast({
            message: res.statusMessage,
            position: "bottom"
          });
        }
      }
    },
    filters: {},
    watch: {},
    computed: {}
  };

</script>
<style scoped>
  .txt_bot {
    margin-top: 0.4533rem;
    width: 100%;
    font-size: 0.4rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(81, 81, 81, 1);
    line-height: 0.6933rem;
    margin-bottom: 2.5067rem;
    overflow: hidden;
  }

  .txt_top small {
    color: #ccc;
  }

  .txt_top {
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    font-size: 0.4533rem;
    font-family: PingFang-SC-Heavy;
    font-weight: 800;
    color: rgba(81, 81, 81, 1);
  }

  .jdlxhy_txt {
    margin-top: 0.64rem;
    width: calc(100% - 0.6933rem);
    margin-left: 0.3467rem;
  }

  .item_bot_lf {
    width: 2.4rem;
    font-size: 0.4533rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color: rgba(68, 67, 67, 1);
  }

  .item_bot_lr {
    width: calc(100% - 2.4rem - 0.6667rem);
    font-size: 0.4rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(78, 78, 78, 1);
  }

  .item_bot {
    padding-left: 0.2933rem;
    padding-right: 0.2667rem;
    height: 0.5333rem;
    line-height: 0.5333rem;
    margin-top: 0.5333rem;
    overflow: hidden;
  }

  .item_top {
    font-size: 0.3733rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(135, 135, 135, 1);
    height: 0.4267rem;
    line-height: 0.4267rem;
    padding-left: 0.2933rem;
    padding-right: 0.2667rem;
    margin-top: 0.56rem;
  }

  .jdlxhy_list_item {
    width: 100%;
    height: 2.56rem;
    background: rgba(245, 249, 250, 1);
    border-radius: 0.08rem;
    margin-bottom: 0.32rem;
    overflow: hidden;
  }

  .jdlxhy_list {
    margin-top: 0.48rem;
    width: calc(100% - 0.6933rem);
    margin-left: 0.3467rem;
  }

  .jdlxhy_form_list small {
    color: #e12229;
    font-size: 0.4533rem;
    font-style: italic;
  }

  .jdlxhy_form_list {
    height: 0.4533rem;
    line-height: 0.4533rem;
    font-size: 0.4rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(75, 75, 75, 1);
    margin-top: 0.5333rem;
  }

  .jdlxhy_form {
    width: calc(100% - 0.6933rem);
    margin-left: 0.3467rem;
  }

  .box {
    background: #fff;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
  }

</style>
